<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>优惠券列表</title>
    <!-- 图标 -->
    <link rel="stylesheet" href="./lib/font-awesome/css/font-awesome.css">
    <!--轮播图插件  -->
    <link rel="stylesheet" href="./lib/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="./sale_css/sale_common.css">
    <link rel="stylesheet" href="./sale_css/sale_index.css">
    <link rel="stylesheet" href="./sale_css/couponproduct.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <a href="getcoupon.html" class="head_left">
            <i class="fa fa-angle-left" aria-hidden="true"></i>
        </a>
        <span class="head_txt">肯德基优惠卷</span>

        <div class="head_right">
            <img src="./images/header_app.png" alt="">
        </div>
    </div>
    <!-- 列表 -->
    <div class="list">
        <p class="list_p">-点餐前出示手机中的优惠卷,即可享受优惠-</p>
        <ul class="list_ul">
        
          <!-- <li>
            <div class="list_content">
                <img src="" alt="">
                <div class="list_txt">
                    <span>1111</span>
                    <span>222</span>
                </div>
                <a href="javascript:;" class="fa fa-chevron-right" aria-hidden="true"> </a>
            </div>

        <p>有效期到10月31日</p>
      </li>  -->
    </ul>

    </div>
    <!-- 首页 -->
    <div class="home">
        <a href="index.html">首页>优惠卷</a>
    </div>
    <div class="home_b">
    
    </div>
    <!-- 底部-->
    <div class="foot">
        <div class="foot_up">
            <a href="#">登陆</a>
            <a href="#">注册</a>
            <a href="#">返回顶部</a>
        </div>
        <div class="foot_down">
            <a href="#">手机APP下载</a>
            <a href="#">慢慢买手机版</a> - 掌上比价平台
            <br>m.manmanbuy.com
        </div>
    </div>
    <!-- 遮罩层 -->
    <div class="shade">
   
    </div>
     <!-- 轮播图 -->
      <!-- Swiper容器 -->
  <!-- Swiper容器 -->
  <div class="swiper-container">
        <div class="swiper-wrapper">
              <!-- slide 轮播项 -->
          <!-- <div class="swiper-slide"></div> -->
          <!-- <div class="swiper-slide">Slide 2</div>
          <div class="swiper-slide">Slide 3</div>
          <div class="swiper-slide">Slide 4</div>
          <div class="swiper-slide">Slide 5</div>
          <div class="swiper-slide">Slide 6</div>
          <div class="swiper-slide">Slide 7</div>
          <div class="swiper-slide">Slide 8</div>
          <div class="swiper-slide">Slide 9</div>
          <div class="swiper-slide">Slide 10</div> -->
        </div>
        
        <!-- 导航器 -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
      
      
</body>

<!-- 模板 -->
<script id="sale_list" type="text/html">
    {{each arr value index }}
    <li class="lis" name='{{index}}'>
        <div class="list_content">
            <!-- <img src="" alt=""> -->
            {{@ value.couponProductImg}}
            <div class="list_txt">
            <p>{{value.couponProductName}}</p>
            <p>{{value.couponProductPrice}}</p>
            <p>{{value.couponProductTime}}</p>
            </div>
            <a href="javascript:;" class="fa fa-chevron-right" aria-hidden="true"> </a>
            </div>
      </li>
    {{/each}}
</script>
<!-- 轮播图模板 -->
<script id="swiper_list" type="text/html">
    {{each arr value index }}
    <div class="swiper-slide">{{@ value.couponProductImg}}</div>
    {{/each}}
</script>
<!-- 模板 -->
<script src="./lib/arttemplate/template-web.js"></script>
<!-- zopto -->
<script src="./lib/zepto/zepto.js"></script>

<script src="./lib/swiper/js/swiper.min.js"></script>

<!-- 自己的 -->
<script src="./js/sale_list.js"></script>

</html>